<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/animate.min.css">
	<link rel="stylesheet/less" href="../css/reset.less">
	<link rel="stylesheet/less" href="../css/index.less">
	<link rel="stylesheet/less" href="../css/main2.less">
	<title>推荐</title>
</head>
<body>
	<!-- header -->
	<div class="header">
		<nav class="navbar navbar-default ">
		  <div class="container">
		   <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		     <img src="../img/logo.png" alt="" class="wow fadeInDown">
		    </div>
		
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li><a href="../index.html" class="wow fadeInDown" data-wow-delay="200ms">首页 <span class="sr-only">(current)</span></a></li>
		        <li class="active"><a href="main2.html" class="wow fadeInDown" data-wow-delay="300ms">推荐</a></li>
				<li><a href="goods.html" class="wow fadeInDown" data-wow-delay="400ms">商品</a></li>
				<li><a href="now.html" class="wow fadeInDown" data-wow-delay="500ms">咨询</a></li>
				<li><a href="cart.html" class="wow fadeInDown" data-wow-delay="600ms">购物车</a></li>
				<li><a href="login.html" class="wow fadeInDown" data-wow-delay="700ms"><span class="glyphicon glyphicon-user"></span></a></li>
		      </ul>
		    </div>
		  </div>
		</nav>
	</div>
	
	<!-- enjot -->
	<div class="enjoy container wow fadeInDown" data-wow-delay="500ms">
		<img src="../img/enjiy_03.png" alt="">
	</div>
	
	<!-- shopping -->
	<div class="shopping container wow fadeInDown" data-wow-delay="700ms">
		<div class="left">
			<div class="top">
				<img src="../img/spd1.png" alt="">
				<img src="../img/spd2.png" alt="">
				<img src="../img/spd3.png" alt="">
				<img src="../img/spd4.png" alt="">
			</div>
			<div class="bottom">
				<img src="../img/spx1.png" alt="">
				<img src="../img/spx2.png" alt="">
				<img src="../img/spx3.png" alt="">
				<img src="../img/spx4.png" alt="">
			</div>
		</div>
		<div class="right">
			<div class="h1">
				<h1>落地暖炉</h1>
			</div>
			<div class="li">
				<ul>
					<li>价格<span class="bor">3000￥</span></li>
					<li>积分<span class="bor">300</span></li>
					<li>产品标号<span class="bor">ABCD123</span></li>
					<li>品牌<span class="bor">广贸家私</span></li>
					<li>产地<span class="bor">广州市</span></li>
					<li>选项1<span class="bor">
						<select>
						  <option value ="红色">红色</option>
						  <option value ="绿色">绿色</option>
						  <option value="灰色">灰色</option>
						  <option value="棕色">棕色</option>
						</select>
					</span></li>
					<li>选项2<span class="bor">
						<select>
						  <option value ="纯铁">纯铁</option>
						  <option value ="合金">合金</option>
						  <option value="半木">半木</option>
						  <option value="纯钢">纯钢</option>
						</select>
					</span></li>
					<li>订货数量<span class="bor">
						<select>
						  <option value ="1">1</option>
						  <option value ="2">2</option>
						  <option value="3">3</option>
						  <option value="4">4</option>
						</select>
					</span></li>
					<li>好评数
						<span class="glyphicon glyphicon-star-empty"></span>
						<span class="glyphicon glyphicon-star"></span>
						<span class="glyphicon glyphicon-star"></span>
						<span class="glyphicon glyphicon-star"></span>
						<span class="glyphicon glyphicon-star bor"></span>
					</li>
				</ul>
			</div>
		</div>
		<div class="cart">
			<button type="button" class="btn"><a href="cart.html">购买</a></button>
		</div>
	</div>
	
	<!-- special -->
	<div class="special container wow fadeInDown" data-wow-delay="900ms">
		<div class="spback1">
			<img src="../img/special.png" alt="">
			<div class="left">
				<p>主要用于取暖或偶尔做饭。第一个壁炉是由中世纪的房屋建造的，
				它是由城堡里的烟囱而产生的。在现实生活中体验
				结果表明，长方形的形状优良，有一定的深度才有利;
				只有使用“a”才能对通风有好处</p>
				<p>
					同时还注意到，当各个边角是斜面时，会增加热的反射。
					早期的壁炉为石砌，后来广泛使用砖头。…壁炉对面。
					在中世纪，厚石砌墙的吸热和反光作用	
					现代的壁炉也反映了这一原理。
				</p>
				<p>
					自从壁炉建造以来，壁炉的零件和设备就一直是装饰的对象。
					至少从15世纪起就有了这种反射墙，这些墙主要因高温而受损。
					为保护后墙用铸铁板制成，通常在这里做装饰。
					19世纪以后，耐火砖被用作壁炉的反射墙。
				</p>
				
			</div>
			<div class="cpe">
				<img src="../img/spz1.png" alt="">
				<img src="../img/spz2.png" alt="" class="cpe1">
				<img src="../img/spz3.png" alt="" class="cpe2">
			</div>
		</div>
		<div class="spback2">
			<img src="../img/sp.png" alt="">
		</div>
	</div>
	
	<!-- center -->
	<div class="center container wow fadeInDown" data-wow-delay="400ms">
		<div class="left">
			<div class="top">
				<h2>通知</h2>
				<h3>更多&gt;</h3>
			</div>
			<div class="bottom">
				<ul>
					<li>各种商品上新通知<span>2021-8-16</span></li>
					<li>各种商品上新通知<span>2021-8-16</span></li>
					<li>各种商品上新通知<span>2021-8-16</span></li>
				</ul>
			</div>
		</div>
		<div class="right">
			<div class="top1"><h1>联系我们</h1></div>
			<div class="bottom1">
				<div class="left1"><img src="../img/centerimg.png" alt=""></div>
				<div class="right1">
					<h2>您有什么不方便，为难的地方，就问我吧</h2>
					<h3>02-123-4567 / 02-123-4567</h3>
					<h4>平时:上午9时至下午6时 周末:上午9时至下午12时</h4>
				</div>
				
			</div>
		</div>
	</div>
	
	
	<!-- bottom -->
	<div class="bottom container wow fadeInDown" data-wow-delay="500ms">
		<div class="top1">
			<ul>
				<li>公司介绍</li>
				<li>使用条款</li>
				<li>隐私条例</li>
				<li>购买介绍</li>
				<li>客户中心</li>
			</ul>
		</div>
		<div class="bottom1">
			<div class="left1">
				<img src="../img/logo2_03.png" alt="">
			</div>
			<div class="right1">
				<img src="../img/emall_03.png" alt="">
			</div>
			
			
		</div>
	</div>
</body>
</html>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/less.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/main2.js"></script>
<script>
	new WOW().init();
</script>